page{
  background: var(--bg-color);
}
.mine{
  padding-bottom: 70rpx;
  .mine-header{
    width: 100%;
    height: 306rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F6A526;
    padding-top: 30rpx;
    margin-bottom: 10rpx;
    .header-img{
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
      overflow: hidden;
    }
    image{
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
    }
    .header-title,button{
      font-size: 36rpx;
      line-height: 80rpx;
      color: #fff;
    }
    button{
      background: transparent;
    }
  } //mine-header end

  .mine-info{
    margin-bottom: 32rpx;
    view{
      font-size: 26rpx;
      color: #333;
    }
    text{
      color:#8E8E8E;
      font-size: 24rpx;
    }
  } // mine-info end
  .mine-handle{
    view{
      padding: 0 32rpx;
      line-height: 80rpx;
      font-size: 24rpx;
      margin-bottom: 6rpx;
      background: #fff;
      color: #333;
    }
  }
}